@charset "UTF-8";

/*
SHARP

Contents CSS
*/
*{
	border:none;
	font-family:"ARPADゴシック体M","MS Pゴシック","Osaka";

	font-size:18px; /* regular font size */
}
body {
	background-color:#000;
}
h1 {
	margin: 0;
	padding:0px;
	color:#fff;
	font-size:25px;	
}

#header {
	text-align:right;
	padding:20px 30px 0px 10px;
	position:absolute;
	top:15px;

	right:35px;
}

#tabMenu1,#tabMenu2,#tabMenu3 {
	width:844px;
	height:100px;
	padding:0px;
	margin-bottom:8px;
	margin-left:15px;
	padding-left:15px;
}

.textArea {
	/* float:left;
	width:210px;
	line-height:150%;*/
	margin-left:15px; 
	margin-top:0px; 
	font-size:15px;
	color:#ffffff;
}
.cl {
	clear:left;
}
#centercolumn { 
	border:none;
	padding:0px;
	width:907px;
	margin: 17px auto 0 auto;
	overflow:hidden;
	height: 509px !important;
	background: url(../images/panel1.gif) no-repeat !important;
}
.indexMenu{
	margin:10px;
	margin-top:40px;

}
.mainMenuBt {
	margin-right:0px;
	height:150px;
	vertical-align: middle;
	text-align:center;
	float:left;
	font-size:22px;
	font-weight:bold;
	color:#FFF;

}

/* tab area */

.mainMenuTitle1,.mainMenuTitle2,.mainMenuTitle3 {
	padding-left:25px;
	color:#ffffff;
	float:left;
	margin-left:15px;
	height:33px;
	line-height:33px;
}

.mainMenuTitle1,.mainMenuTitle3 {
	background-image:url("../images/nftop/greenBackTabLeft.jpg");	
	background-color:#005752;
	background-repeat:no-repeat;
}
.mainMenuTitle2 {
	background-image:url("../images/nftop/blueBackTabLeft.jpg");
	background-color:#006ca3;
	background-repeat:no-repeat;	
}

.mainMenuTitleRight {
	float:left;
}

#tabMenu1,#tabMenu3 {
	background-image: url("../images/nftop/greenBackContents.jpg");
	background-repeat:no-repeat;

	clear:both;
}
#tabMenu2 {
	background-image: url("../images/nftop/blueBackContents.jpg");
	background-repeat:no-repeat;	
	clear:both;
}


/* green menu */

#tabMenu1 .type1,#tabMenu3 .type1 {
		width:208px;
		background:url(../images/nftop/nfBt01Back.jpg);
}

#tabMenu1 .type2,#tabMenu3 .type2 {
		width:210px;
		background:url(../images/nftop/nfBt02Back.jpg);
}
#tabMenu1 .type3,#tabMenu3 .type3 {
		width:210px;
		background:url(../images/nftop/nfBt03Back.jpg);
}
#tabMenu1 .type4,#tabMenu3 .type4 {
		width:210px;
		background:url(../images/nftop/nfBt04Back.jpg);
}

/* green menu hover */

	#tabMenu1 .type1:hover,#tabMenu3 .type1:hover {
			background:url(../images/nftop/nfBt01Back.jpg) 0px 98px;
	}
	#tabMenu1 .type2:hover,#tabMenu3 .type2:hover {
			background:url(../images/nftop/nfBt02Back.jpg) 0px 98px;
	}
	#tabMenu1 .type3:hover,#tabMenu3 .type3:hover {
			background:url(../images/nftop/nfBt03Back.jpg) 0px 98px;
	}
	#tabMenu1 .type4:hover,#tabMenu3 .type4:hover {
			background:url(../images/nftop/nfBt04Back.jpg) 0px 98px;
	}

/* blue menu */

#tabMenu2 .type1 {
		width:208px;
		background:url(../images/nftop/nfBt05Back.jpg);
}

#tabMenu2 .type2 {
		width:210px;
		background:url(../images/nftop/nfBt06Back.jpg);
}

#tabMenu2 .type3 {
		width:210px;
		background:url(../images/nftop/nfBt07Back.jpg);
}

#tabMenu2 .type4{
		width:210px;
		background:url(../images/nftop/nfBt08Back.jpg);
}

/* blue menu hover */

	#tabMenu2 .type1:hover {
			width:208px;
			background:url(../images/nftop/nfBt05Back.jpg) 0px 98px;
	}
	
	#tabMenu2 .type2:hover  {
			width:210px;
			background:url(../images/nftop/nfBt06Back.jpg) 0px 98px;
	}
	
	#tabMenu2 .type3:hover  {
			width:210px;
			background:url(../images/nftop/nfBt07Back.jpg) 0px 98px;
	}
	
	#tabMenu2 .type4:hover {
			width:210px;
			background:url(../images/nftop/nfBt08Back.jpg) 0px 98px;
	}

.mainMenuBt ul {
	margin:5px 0px 5px 40px;
	padding:0px;
	text-align:left;
}
.mainMenuBt ul li {
	font-size:11px;
	margin:0px;
	padding:0px 0px 2px 0px;
}

.mainMenuBt p{
	font-size:12px;
	margin:0px;
	padding:0px;
}

.padding30 {
	padding-top:40px;
	height:58px;
}
.padding20 {
	padding-top:30px;
	height:68px;
}
.padding10 {
	padding-top:20px;
	height:78px;
}



